Channel: Google Chrome Developers

Category: Science & Technology

Tags: csswhat are devtools tipsdevelopershow to use devtoolsshortcutsgds: yesgoogle chromeintro to devtools tipsdevtoolsfaster devtools navigationjecelyn yeensettingsgoogle developerchromecss overviewgoogle developerswhat are devtoolshow to use devtools tipsdevtools tipsdevtools navigationgoogle chrome developerschrome devtoolsdevtools tutorialdevtools tips tutorialchrome developerdeveloperchrome developers

Description: Sharing some useful shortcuts and settings for quicker DevTools navigation. Chapters: 0:00 - Intro 0:08 - Shortcut to open the Drawer and more tabs 0:33 - Run commands in the Command Menu 1:28 - Move and pair panels and tabs 1:58 - Disable the Styles pane auto layout 2:25 - Customize keyboard shortcuts Links: Customize DevTools → goo.gle/devtools-customize Catch more DevTools Tips → goo.gle/DevToolsTips Subscribe to Google Chrome Developers → goo.gle/ChromeDevs #DevToolsTips #Chrome #Developer